.word-break {
	word-break:break-all;
	word-wrap:break-word
}
.keep-word {
	white-space:nowrap;
	word-break:keep-all
}
.mb24 {
	margin-bottom:24px
}
.job-block {
	padding:28px 24px;
	background:rgba(20,156,184,.06);
	border-radius:12px
}
.job-block h3 {
	font-size:24px;
	color:#149cb8;
	line-height:36px;
	font-weight:700;
	margin-bottom:4px
}
.job-block p {
	font-size:16px;
	color:#545c63;
	letter-spacing:1.6px;
	line-height:24px;
	margin-bottom:16px
}
.resume-block {
	padding:28px 32px;
	background:rgba(20,156,184,.06);
	border-radius:12px
}
.resume-block h3 {
	font-size:20px;
	color:#1c1f21;
	line-height:30px
}
.resume-block h4 {
	font-size:20px;
	color:#00000f;
	line-height:30px
}
.resume-block .progress {
	position:relative;
	margin:16px 0;
	width:100%;
	height:12px;
	background:rgba(28,31,33,.06);
	border-radius:6px
}
.resume-block .progress ins {
	position:absolute;
	height:12px;
	content:"";
	width:0;
	transition:2s width;
	background:#149cb8;
	border-radius:6px
}
.resume-block .resume-percent {
	display:inline-block;
	font-size:24px;
	color:#545c63;
	line-height:36px
}
.resume-block .preview {
	font-size:12px;
	color:#149cb8;
	line-height:36px;
	display:inline-block;
	margin:0 0 0 43px
}
.qustion-block {
	padding:28px 32px;
	background:rgba(28,31,33,.04);
	border-radius:12px
}
.qustion-block h3 {
	font-size:20px;
	color:#545c63;
	line-height:30px;
	margin-bottom:6px
}
.qustion-block p {
	font-size:12px;
	color:#545c63;
	line-height:18px;
	margin-bottom:8px
}
.qustion-block span {
	display:block;
	font-size:16px;
	color:#149cb8;
	line-height:24px
}
.recommend-company {
	display:none;
	margin-top:24px
}
.recommend-company h2 {
	font-size:16px;
	color:#1c1f21;
	line-height:24px
}
.recommend-company .recommend-company-list {
	margin-top:16px
}
.recommend-company .recommend-company-list .company-item {
	background:#fff;
	border-radius:8px;
	margin-right:4px;
	margin-bottom:4px;
	display:inline-block;
	float:left
}
.recommend-company .recommend-company-list .company-item img {
	width:158px;
	height:96px;
	background-size:cover;
	background-position:top center;
	border-radius:8px;
	margin:0 auto;
	vertical-align:middle
}
.recommend-company .recommend-company-list .company-item:hover {
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(28,31,33,.1);
	border-radius:8px
}
.recommend-company .recommend-company-list .company-item:nth-child(2n) {
	margin-right:0
}
.company-description {
	padding:28px 32px;
	background:rgba(20,156,184,.06);
	border-radius:12px
}
.company-description h3 {
	font-size:20px;
	color:#1c1f21;
	line-height:30px;
	width:168px;
	float:left;
	word-break:break-all
}
.company-description img {
	width:72px;
	height:72px;
	border-radius:8px;
	margin-left:16px
}
.company-description ul {
	clear:both;
	content:"";
	margin-top:12px
}
.company-description ul li {
	font-size:14px;
	color:#545c63;
	height:22px;
	line-height:22px;
	margin-bottom:16px
}
.company-description ul li span {
	display:inline-block;
	margin-right:16px
}
.company-description ul li i {
	color:#149cb8;
	font-size:20px;
	line-height:22px;
	margin-right:8px;
	margin-top:-2px;
	display:inline-block;
	vertical-align:middle
}
.company-description ul li:last-child {
	margin-bottom:0
}
.company-description .company-instroduce {
	margin-top:10px
}
.company-description .company-instroduce:before {
	content:"";
	display:inline-block;
	width:256px;
	border:1px solid rgba(20,156,184,.4)
}
.company-description .company-instroduce p {
	margin-top:8px;
	font-size:14px;
	color:#545c63;
	line-height:28px;
	word-break:break-all;
	word-wrap:break-word
}
.more-jobs {
	margin-top:24px
}
.more-jobs h2 {
	font-size:16px;
	color:#1c1f21;
	line-height:24px
}
.more-jobs .more-btn {
	float:right;
	font-size:12px;
	color:#9199a1;
	line-height:24px
}
.more-jobs li>a {
	display:block;
	position:relative;
	margin-top:16px
}
.more-jobs li>a h3 {
	font-size:14px;
	color:#1c1f21;
	line-height:22px;
	font-weight:800;
	overflow:hidden;
	width:260px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.more-jobs li>a p {
	font-size:12px;
	color:#545c63;
	line-height:22px
}
.more-jobs li>a p span {
	display:inline-block;
	margin-left:8px
}
.more-jobs li>a .detail-company-info {
	color:#9199a1;
	line-height:18px
}
.more-jobs li>a .detail-company-info span {
	display:inline-block;
	line-height:24px
}
.more-jobs li>a .detail-company-info i {
	margin:0 4px
}
.more-jobs li>a:hover h3 {
	color:#149cb8
}
.more-jobs li>a .company-img {
	width:36px;
	height:36px;
	border-radius:8px;
	position:absolute;
	right:0;
	top:0
}
.hide {
	display:none
}
.mt16 {
	margin-top:16px
}
.mt24 {
	margin-top:24px
}
.adv {
	width:800px;
	height:160px;
	border-radius:12px;
	background:#149cb8
}
.adv img {
	width:800px;
	height:160px;
	border-radius:12px
}
.tab-nav {
	height:40px;
	margin-top:16px
}
.tab-nav a {
	display:inline-block;
	color:#545c63;
	font-size:16px;
	font-weight:700;
	margin-right:48px;
	line-height:40px;
	position:relative
}
.tab-nav a.on {
	color:#149cb8
}
.tab-nav a.on .line {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	width:20px;
	border-top:3px solid #149cb8
}
.list-title {
	font-size:16px;
	color:#1c1f21;
	line-height:24px;
	font-weight:800;
	margin-bottom:24px
}
.unlist {
	margin-top:96px;
	text-align:center
}
.unlist i {
	font-size:72px;
	color:#d3d6d9
}
.unlist p {
	margin-top:8px;
	font-size:16px;
	color:#9199a1;
	letter-spacing:0;
	line-height:24px
}
.list-item .item {
	position:relative;
	padding:28px 32px;
	background:#fff;
	-webkit-box-shadow:0 4px 8px rgba(28,31,33,.1);
	-moz-box-shadow:0 4px 8px rgba(28,31,33,.1);
	box-shadow:0 4px 8px rgba(28,31,33,.1);
	border-radius:12px;
	margin-bottom:8px
}
.list-item .item h2 {
	font-size:20px;
	color:#1c1f21;
	height:30px;
	line-height:30px
}
.list-item .item h2 em {
	font-style:normal;
	font-size:14px;
	color:#9199a1;
	display:inline-block;
	margin-left:10px;
	vertical-align:text-top
}
.list-item .item .job-list-info {
	width:470px;
	overflow:hidden;
	float:left;
	position:relative
}
.list-item .item .job-list-info .collect-icon {
	position:absolute;
	right:24px;
	top:0;
	color:#d3d6d9;
	font-size:20px;
	display:none;
	cursor:pointer
}
.list-item .item .job-company {
	width:262px;
	text-align:right;
	float:right;
	border-left:1px solid #d3d6d9
}
.list-item .item .job-company .company-pic h2 {
	position:absolute;
	right:104px;
	top:41px;
	overflow:hidden;
	width:150px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.list-item .item .job-company img {
	width:56px;
	height:56px;
	border-radius:8px
}
.list-item .item .job-info {
	margin-top:8px;
	font-size:14px;
	color:#545c63;
	height:24px
}
.list-item .item .job-info span {
	display:inline-block;
	line-height:24px
}
.list-item .item .job-info i {
	margin:0 8px
}
.list-item .item .job-info .salary {
	font-size:16px;
	color:#fa0;
	line-height:24px;
	font-weight:700
}
.list-item .item .compay-info {
	margin-top:22px;
	font-size:12;
	color:#545c63
}
.list-item .item .compay-info span {
	display:inline-block;
	line-height:24px
}
.list-item .item .compay-info i {
	margin:0 4px
}
.list-item .item:hover {
	-webkit-box-shadow:0 8px 16px rgba(28,31,33,.2);
	-moz-box-shadow:0 8px 16px rgba(28,31,33,.2);
	box-shadow:0 8px 16px rgba(28,31,33,.2)
}
.list-item .item:hover .onactive {
	color:#fa0
}
.list-item .item:hover .collect-icon {
	display:block
}
.list-item .tag {
	margin-top:4px;
	overflow:hidden
}
.list-item .tag li {
	margin-top:12px;
	float:left;
	padding:4px 12px;
	background:rgba(84,92,99,.1);
	border-radius:12px;
	font-size:12px;
	color:#545c63;
	line-height:16px;
	margin-right:8px
}
